<html>
<head>
    <meta name="viewport" content="width=device-width"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>WeLAB HTML EMAIL</title>
    <STYLE TYPE="text/css" MEDIA=screen>

            table.dataframe {
                border-collapse: collapse;
                border: 2px solid #a19da2;
                /*居中显示整个表格*/
                margin: auto;
            }

            table.dataframe thead {
                border: 2px solid #91c6e1;
                background: #f1f1f1;
                padding: 10px 10px 10px 10px;
                color: #333333;
            }

            table.dataframe tbody {
                border: 2px solid #91c6e1;
                padding: 10px 10px 10px 10px;
            }

            table.dataframe tr {

            }

            table.dataframe th {
                vertical-align: top;
                font-size: 14px;
                padding: 10px 10px 10px 10px;
                color: #105de3;
                font-family: arial;
                text-align: center;
            }

            table.dataframe td {
                text-align: left;
                padding: 10px 10px 10px 10px;
            }

            body {
                font-family: 宋体;
            }

            h1 {
                color: #5db446
            }

            div.header h2 {
                color: #0002e3;
                font-family: 黑体;
            }

            div.content h2 {
                text-align: center;
                font-size: 28px;
                text-shadow: 2px 2px 1px #de4040;
                color: #fff;
                font-weight: bold;
                background-color: #008eb7;
                line-height: 1.5;
                margin: 20px 0;
                box-shadow: 10px 10px 5px #888888;
                border-radius: 5px;
            }

            h3 {
                font-size: 22px;
                background-color: rgba(0, 2, 227, 0.71);
                text-shadow: 2px 2px 1px #de4040;
                color: rgba(239, 241, 234, 0.99);
                line-height: 1.5;
            }

            h4 {
                color: #e10092;
                font-family: 楷体;
                font-size: 20px;
                text-align: center;
            }

            td img {
                /*width: 60px;*/
                max-width: 300px;
                max-height: 300px;
            }




    </STYLE>
</head>

<body>

<div align="left" class="header">
    <tr align="left">
        <td>
            <p>以下为SQL详情：</p>
            <p>query_id: {{query_id}}</p>
        </td>
    </tr>
</div>

<hr>

<div class="content">
    <!--正文内容-->
    <h2></h2>

    <div>
        <h4></h4>
        {{statement}}
        <h4></h4>
    </div>
    <hr>

    <div class="footer">
        <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td class="content-block powered-by">
                    Powered by <a href="https://devops.welab-inc.com">DevOps大数据管理系统V1.0</a>
                </td>
            </tr>
        </table>
    </div>
</div>
</body>
</html>